<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Dashboard - W8 Admin</title>
		<meta name="description" content="This is page-header (.page-header &gt; h1)" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!--basic styles-->

		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="themes/font-awesome/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="themes/font-awesome/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!--page specific plugin styles-->

		<link rel="stylesheet" href="themes/css/prettify.css" />

		<!--fonts-->

		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />

		<!--ace styles-->

		<link rel="stylesheet" href="themes/css/w8.min.css" />
		<link rel="stylesheet" href="themes/css/w8-responsive.min.css" />
		<link rel="stylesheet" href="themes/css/w8-skins.min.css" />

        <link rel="stylesheet" href="themes/css/master.css" type="text/css" media="screen" charset="utf-8" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

        <style>
        	#pop-up{
					display: 	none;
					position:	absolute;
        			width: 		250px;
        			padding: 	10px;
       				background: #EEEEEE;
        			color:		#000000;
        			border: 	1px solid #1a1a1a;
					font-size: 	90%;
					z-index:	500;
			}
        </style>
	</head>

	<body >
        

       <div style="width:950px;margin:auto">
		<div class="navbar navbar-inverse">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a href="#" class="brand">
                        <img src="img/Quilmes.png" width="150"  height="100"/>

					</a><!--/.brand-->
                    
				</div><!--/.container-fluid-->
			</div><!--/.navbar-inner-->
		</div>

		<div class="container-fluid" id="main-container">
			<div id="sidebar">
				<div id="sidebar-shortcuts">
					
				</div><!--#sidebar-shortcuts-->

				<ul class="nav nav-list">
					
					<li class="active">
						<a href="StandEmpresa.html">
							<span>Stand</span>
						</a>
					</li>

					<li >
						<a href="InformacionEmpresa.html">
							<span>Quienes somos</span>
						</a>
					</li>

					<li>
						<a href="Agenda.html">
							<span>Agenda</span>
						</a>
					</li>

					<li>
						<a href="OfertaEmpleo.html">
							<span>Ofertas de empleo</span>
						</a>
					</li>
                    <li>
						<a href="Multimedia.html">
							<span>Multimedia</span>
						</a>
					</li>
                    <li>
						<a href="Chat.html">
							<span>Chat</span>
						</a>
					</li>
				</ul><!--/.nav-list-->
                
			</div>

			<div id="main-content" class="clearfix">
                <img src="img/stand-empresa.png" border="0" style="position:relative;z-index:0;top:10px" >

                <div id="trigger" style="width:70px; height:70px; position: fixed; left:770px; top:260px; ">
                	
                </div>
               <!-- <map name="stand">
    				<img src="img/stand.png" id="trigger" height="88" width="82"/>
    			</map> -->

				<div align="center">
						<div id="pop-up" style="border: 1px solid Black">
							<img src="img/Quilmes.png" width="100" height="60" /></br>
							<p>Cervecer&iacutea y Malter&iacutea Quilmes es una de las compa&ntilde&iacuteas de bebidas m&aacutes importantes de la regi&oacuten. Produce, elabora, distribuye y comercializa cervezas, gaseosas, aguas minerales, jugos e isot&oacutenicos, en alianza con empresas internacionales l&iacutederes como PepsiCo y Nestl&eacute.</p>
						</div>
				</div>	

                <!--- Pop up --> 		
				<script type="text/javascript">
				$(function() {
					var moveLeft = 20;
					var moveDown = 10;
        
        			$('#trigger').hover(function(e) {
        				$('div#pop-up').show();
 	  		 		}, function() {
						$('div#pop-up').hide();
        			});
        
        				$('#trigger').mousemove(function(e) {
			        		$("div#pop-up").css('top', e.pageY + moveDown - 100).css('left', e.pageX + moveLeft - 210);
		        		});
        
      				});
    			</script>
			</div><!--/#main-content-->
		</div><!--/.fluid-container#main-container-->
        </div>
	</body>
</html>
